{% load i18n %}
<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="utf-8"/>
    <meta name="description" content="Aviario en Cazalla de la Sierra"/>
    <title>{% block head_title %}{% endblock %}</title>
    <link href="{{STATIC_URL}}img/avimini.png" rel="icon" />
	
	<link rel="stylesheet" type="text/css" href="{{STATIC_URL}}css/stylesheet.css" />
 	<link rel="stylesheet" type="text/css" href="{{STATIC_URL}}css/nivo-slider.css" media="screen"/>
 	<link rel="stylesheet" type="text/css" href="{{STATIC_URL}}css/carousel.css" media="screen"/>	
	{% block stylesheet %}{% endblock %}	
	
	<script src="{{STATIC_URL}}js/jquery-1.10.2.min.js" type="text/javascript"></script>	
	<script src="{{STATIC_URL}}js/jquery-1.10.2.min.map.js" type="text/javascript"></script>	
	<script src="{{STATIC_URL}}js/custom.design.js" type="text/javascript"></script>
	<script src="{{STATIC_URL}}js/jquery.easing-1.3.min.js" type="text/javascript"></script>	
	<script src="{{STATIC_URL}}js/cloud_zoom.js" type="text/javascript" ></script>
	<script src="{{STATIC_URL}}js/modernizr.custom.29550.js" type="text/javascript" ></script> 	
	{% block javascript %}{% endblock %}
	
	{% block fonts %}
	<link href='http://fonts.googleapis.com/css?family=Droid+Sans&amp;v1' rel='stylesheet' type='text/css'>
<!-- <link href='http://fonts.googleapis.com/css?family=&amp;v1' rel='stylesheet' type='text/css'>	 -->
	{% endblock %}	
</head>

<body> 
  <div class= "wrapper-box" >  
      
      <div class= "main-wrapper">
    
	      <!--Header Part Start-->
	      <header id="header">
		      <div class="htop">
		          <div id="language"> <span>Idioma<b></b></span>
			        <ul>
                        <li><a title="English"><img src="{{STATIC_URL}}img/flags/gb.png" alt="English" />Inglés</a> </li>
                        <li><a title="Spanish"><img src="{{STATIC_URL}}img/flags/es.png" alt="Español" />Español</a> </li>
         	        </ul>
		          </div>
		          <div id="currency"> <span>Moneda<b></b></span>
		            <ul>
		                <li> <a title="Euro">€ - Euro</a> </li>
		                <li> <a title="Pound Sterling">£ - Pound Sterling</a> </li>
		                <li> <a title="US Dollar">$ - US Dollar</a> </li>		      
		            </ul>
		          </div>
		          <div class="links"> 	
		              {% if user.is_authenticated %} 
		              <a href="#">¡Bienvenido {{ user.username }}!</a>
		              <a href="{% url 'go_cart' %}">Carrito</a>
		              <a href="#">Mi Cuenta</a> 		              
		              <a href="{% url 'logout' %}">Salir</a> 
		              {% else %} 
		              <a href="{% url 'socialauth_begin' 'facebook' %}">Login con Facebook</a>		
		              <a href="{% url 'login' %}">Login</a> 
		              <a href="{% url 'go_cart' %}">Carrito</a>
		  		      <a href="{% url 'register' %}">Regístrate</a>
		  		      {% endif %}	              		                     
		          </div>
		      </div>
		      
		      <section class="hsecond">
		          <div id="logo"> <a href="{% url 'home' %}"> <img src="{{STATIC_URL}}img/logo.jpg" title="Avicaz" alt="Avicaz" /></a></div>
		          <div id="search"> <div class="button-search"></div> <input type="text" name="search" placeholder="Buscar" value="" /></div>
		  
		       <!--Mini Shopping Cart Start-->
		          <section id="cart">
		            <div class="heading">
		                <h4> <img width="32" height="32" alt="" src="{{STATIC_URL}}img/cart-bg.png"> </h4>
		                  <a> <span id="cart-total"> Carrito</span></a>
		            </div>
		             <div class="content">
		                <div class="mini-cart-info">
		                    <table>
		                      <tr>
		                          <td class="image"></td>
		                          <td class="name"></td>
		                          <td class="quantity">x&nbsp;</td>
		                          <td class="total"></td>	
		                          <td class="remove"><img src="{{STATIC_URL}}img/remove-small.png" alt="Remove" title="Remove" /></td>	            
		                      </tr>		          
		                    </table>
		                </div>	
		                <div class="mini-cart-total">
		                    <table>
                    <!--        <tr>
                                    <td class="right"><b>Sub-Total:</b></td>
                                    <td class="right">$601.00</td>
                                </tr>           -->                     
                                <tr>
                                    <td class="right"><b>Total:</b></td>
                                    <td class="right">$710.18</td>
                                </tr>
                            </table>
                        </div>
                        <div class="checkout">
                            <a class="button" href="{% url 'go_cart' %}">Ver Carrito</a> &nbsp;
                            <a class="button" href="">Checkout</a>
                        </div>		                	    
		             </div>
		          </section>
		       <!--Mini Shopping Cart End-->		  
		          <div class="clear"></div>
		      </section>		
		
		  <!--Top Menu(Horizontal Categories) Start-->
		      <nav id="menu">
                  <ul>
                      <li class="home"><a title="Inicio" {% if current == "Home" %} class = "current" {% endif %} href="{% url 'home' %}"><span>Inicio</span></a></li>                      
                      <li><a title="Qué Criamos" href="{% url 'species_view' %}">Qué Criamos</a>
                      <li><a title="Instalaciones"href="{% url 'installation_view' %}">Instalaciones</a>
                      <li class="categories_hor"><a href="{% url 'catalog_base' %}">Tienda</a></li>
                      <li><a title="Blog" href="{% url 'blog_base' %}">Blog</a>            
                      <li><a title="Contacto" href="{% url 'contact' %}">Contacto</a>
		          </ul>
		      </nav>
	      </header>
	      <!--Header Part End-->	      
	      {% block content %}
	      
          {% endblock %}                     	  
	  </div>
	 
	 
  <!--Footer Part Start-->
    <footer id="footer">
  	
  	    <div class="fpart-inner">	
	        <div id="powered">
	  
	        <!-- Payment Images Icon Start-->
	            <div class="payments_types part3">
	                <img src="{{STATIC_URL}}img/payment_paypal.png" alt="paypal" title="PayPal">
	            </div>
	        <!-- Payment Images Icon End-->
	    
	        <!-- Powered by Text Start-->
                <div class="powered_text part3">
                    <p>Avicaz Html Template © 2013<br /> Template By Moisés Muñoz </p>
                </div>
            <!-- Powered by Text End-->
        
            <!-- Follow Social Icons Start-->
                <div class="social part3"> 
                    <a href="http://facebook.com/aviario.cazalla" target="blank">
                    <img src="{{STATIC_URL}}img/facebook.png" alt="Facebook" title="Facebook"></a>
                </div>
            <!-- Follow Social Icons End-->
                <div class="clear"></div>
	        </div>
	        <!-- Back to Top Button Start-->
            <div class="back-to-top" id="back-top">
                <a title="Volver Arriba" href="javascript:void(0)" class="backtotop">Top</a>
            </div>
            <!-- Back to Top Button End-->	    
	    </div>
	  
	</footer>
  <!--Footer Part End-->
  </div> 
</body>
</html>